// pages/my/invitation /invitation .js
let api = require('../../../api/api.js')
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },
  previewImage: function (e) {
    console.log(e)
    wx.canvasToTempFilePath({
      canvasId: 'shareCanvas',
      success: (res) => {
        console.log(res)
        wx.previewImage({
          current: res.tempFilePath,
          urls: [res.tempFilePath]
        })
      }
    })
    // var current = e.target.dataset.src;
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    console.log(options)
    var that = this;
    api.user_card(options, res => {
      console.log(res)
      var indexData = res.data.result
      wx.getSystemInfo({
        success: res => {
          console.log(res);
          var width = res.windowWidth
          var height = res.windowHeight
          var scene = decodeURIComponent(options.scene)
          wx.downloadFile({
            url: indexData.user_img,
            success: function(res) {
              console.log(res)
              var topImg = res.tempFilePath
              wx.downloadFile({
                url: indexData.qrcode,
                success: function(e) {
                  console.log(e)
                  var bottomImg = e.tempFilePath
                  const ctx = wx.createCanvasContext('shareCanvas')
                  // 底图
                  ctx.drawImage("/pages/img/baocun.png", 0, 0, 375, 667)
                  ctx.save()
                  ctx.beginPath()
                  ctx.arc(30 + (375 - 60) / 2, 30 + 25, 30, 0, Math.PI * 2, false);
                  ctx.clip();
                  ctx.drawImage(topImg, (375 - 60) / 2, 25, 60, 60)
                  ctx.restore()
                  ctx.setFillStyle('#000') // 文字颜色：黑色
                  ctx.setFontSize(19) // 文字字号：22px
                  ctx.fillText(indexData.user_name, (375 - ctx.measureText(indexData.user_name).width) / 2, 115)
                  var left = (375 - ctx.measureText("送您￥10优惠劵").width) / 2 - 10
                  ctx.setFontSize(24) // 文字字号：22px
                  ctx.fillText("送您", left, 150)
                  ctx.setFillStyle('#D80C18') // 文字颜色：黑色
                  ctx.setFontSize(26) // 文字字号：21px
                  ctx.fillText(" ￥10优惠劵", left + ctx.measureText("送您").width - 10, 150)
                  // ctx.stroke()
                  ctx.save()
                  ctx.beginPath()
                  ctx.arc(108.5 / 2 + (375 - 108.5) / 2, 108.5 / 2 + 430, 108.5 / 2, 0, Math.PI * 2, false);
                  ctx.clip();
                  ctx.drawImage(bottomImg, (375 - 108.5) / 2, 430, 108.5, 108.5)
                  ctx.restore()
                  ctx.setFillStyle('#fff') // 文字颜色：黑色
                  ctx.setFontSize(12) // 文字字号：22px
                  ctx.fillText("长按进入小程序领取", (375 - ctx.measureText("长按进入小程序领取").width) / 2, 560)
                  ctx.draw()
                }
              })
            }
          })
          that.setData({
            width: res.windowWidth
          })
        }
      })
      that.setData({
        indexData: res.data.result
      })
    })

    // this.setData({
    //   title: options.id,
    //   img: options.img
    // })
  },
  // 保存图片
  save: function() {
    wx.canvasToTempFilePath({
      canvasId: 'shareCanvas',
      success: (res) => {
        console.log('canvasToTempFilePath： ', res);
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success: (data) => {
            // util.showSuccess();
            wx.showToast({
              title: '保存成功',
              icon: 'none',
              duration: 2000
            })

            console.log(data);
          }
        });
      }
    })
  },
  //下载图片到本地

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function(data) {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})